@import "../../app.scss";
@import "../../src/components/major_class.scss";

// 消息
body {
  padding-top: rem(3.3867);
  background-color: $grey-color;
}

.content {
  margin-top: rem(-0.3467);

  .list {
    padding: 0 rem(0.3333);
    background-color: $white-color;
    margin: 0 auto;

    .list_item {
      a {
        display: block;
        height: rem(2.9333);
        border-bottom: rem(0.0533) solid #ccc;
        @include myflex(row, space-between);

        .list_item_left {
          width: rem(6.72);
          height: rem(1.8667);

          font-size: rem(0.72);
          @include myflex(row);
          letter-spacing: rem(0.16);
          white-space: nowrap;
          color: $black-color;

          img {

            width: rem(1.9733);
            height: rem(1.9733);
            margin-right: rem(0.64);
          }
        }

        .list_item_right {
          width: rem(0.2667);
          height: rem(0.2667);

          border: rem(0.08) solid #ccc {
            left: 0;
            bottom: 0;
          }

          transform: rotate(45deg);
        }
      }
    }
  }

  .banner {
    width: rem(18.9067);
    height: rem(16.9067);
    background-color: $white-color;

    margin: rem(0.48) auto 0;

    .banner_time {
      font-size: rem(0.48);
      height: rem(1.9733);
      @include myflex(row, center);
    }

    .banner_image {
      width: 100%;
      height: rem(10.16);

      @include bgimage("../../../../img/xiaoxi/tuceng 5.png");
    }

    .banner_text {
      width: rem(16.8);
      height: rem(2.8267);
      font-weight: bold;
      @include myflex(column, space-between, flex-start);
      margin-left: rem(0.6667);
      margin-top: rem(0.9067);

      p {
        font-size: rem(0.7733);
      }

      span {
        font-size: rem(0.6933);
        color: #ccc;
      }
    }
  }
}

.footer_box {
  width: 100%;
  height: rem(5.3333);
  background-color: $white-color;
  margin-top: rem(0.48);
}